
var app = new Vue({
	el:"#app",
	data:{
		isact:"HOME",
		bar:["HOME","SHOP","BLOG","PAGES","CONTACT US"],
		imgs:["img/f1.png","img/f2.png","img/f3.png","img/f4.png","img/f5.png","img/f6.png"],
		goods:[
			{"name":"Striped Stretchie","price":17,"img":"img/g1.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g2.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g3.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g4.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g5.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g6.png","sale":true},
			{"name":"Striped Stretchie","price":17,"img":"img/g7.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g8.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g9.png","sale":true},
			{"name":"Striped Stretchie","price":17,"img":"img/g10.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g11.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g12.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g13.png","sale":true},
			{"name":"Striped Stretchie","price":17,"img":"img/g14.png","sale":false},
			{"name":"Striped Stretchie","price":17,"img":"img/g15.png","sale":false}
			],
		useful:[
			{"left":"Home","right":"Cart"},
			{"left":"Man fashion","right":"Checkout"},
			{"left":"Woman fashion","right":"MyAccount"},
			{"left":"Accessories","right":"Ourder Tracking"},
			{"left":"Collection","right":"privacy Policy"}
		]
	},
	methods:{
		cli(f){
			this.isact = f;
		}
	}
})